<!--
 * @Description: select
 * @Author: rendc
 * @Date: 2021-08-04 16:01:57
 * @LastEditors: rendc
 * @LastEditTime: 2021-08-04 16:20:25
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>select</title>
</head>

<body>
  <div>
    <form action="" method="get">
      列表：
      <select name="select" id="select" multiple size="2">
        <option value="value1">value1</option>
        <option value="value2">value2</option>
        <option value="value3">value3</option>
      </select>
      <br>
      下拉列表：
      <select name="select" id="select">
        <option disabled selected value="">请选择</option>
        <option value="value1">value1</option>
        <option value="value2">value2</option>
        <option value="value3">value3</option>
      </select>
      <br />
      下拉列表组：
      <select name="select" id="select">
        <optgroup label="热带水果">
          <option value="banana">香蕉</option>
          <option value="banana">香蕉</option>
          <option value="banana">香蕉</option>
        </optgroup>
        <optgroup label="普通水果">
          <option value="apple">苹果</option>
          <option value="apple">苹果</option>
          <option value="apple">苹果</option>
        </optgroup>
      </select>
      <br>
      <input type="submit" value="提交">
    </form>
  </div>
</body>

</html>